//获取一张狗的图片:保存的数据
import {onMounted, ref} from "vue";
import axios from "axios";

const dogUrl = ref("");
const loading = ref(true);
//获取一张狗的图片:发送请求
const getDogUrl = async () => {
    const result = await axios.get("https://dog.ceo/api/breeds/image/random");
    loading.value = false;
    dogUrl.value = result.data.message;
};

//获取一张狗的图片:生命周期函数
// 因为 作用域是定义的时候就已经生成了  onMounted是组件的生命周期函数 而在这个ts文件里 是没有的 所以会报警告 并不会执行
// 所以 不会发送请求
onMounted(() => {
    getDogUrl();
});

export default {
    dogUrl,
    loading
}